<!DOCTYPE html>
<html>

<head>
<title>班级网站</title>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript"
	src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
<link rel="stylesheet" href="css/base.css" />
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
<script type="text/javascript" src="js/Jump.js"></script>
</head>

<body style="background-color: rgb(239, 239, 239);">
	<div id="app">
		<header>
			<div style="width: 1000px; margin: auto;">
				<nav class="navbar navbar-inverse navbar-fixed-top">
					<div id="navbar" class="container">
						<div class="row">
							<div class="col-md-offset-4 col-md-5">
								<ul class="nav navbar-nav ">
									<li role="presentation"><a href="index.html">首页</a></li>
									<li role="presentation"><a href="classNews.html?page=classnews">班级新闻</a>
									</li>
									<li role="presentation"><a href="album.html">班级相册</a></li>
									<li role="presentation"><a href="classMembers.html">班级成员</a>
									</li>
								</ul>
							</div>
							<div class="col-md-3" id="user_box">
								<a href="personalCenter.html">个人中心</a>
							</div>
						</div>

					</div>
				</nav>
			</div>
		</header>

		<div class="container" style="margin-top: 80px;">
			<div class="row">
				<div class="col-sm-3 col-md-3 l_box" style="padding: 0px;">
					<div id="class_notice">
						<div class="row">
							<div class="col-md-8">
								<h3>通知通告</h3>
							</div>
							<div class="col-md-3 pull-right">
								<a onclick="go_announce()" class="more">更多</a>
							</div>
						</div>
						<hr />
						<ul class="notice">
							<div v-for="(item,index) in list.announce" v-if="index < 5">
								<a :href="'article.html?id='+item.annold+'&page=announce'">
									<li><span>[12/4]</span>{{item.atitle}}</li>
								</a>
							</div>
						</ul>
					</div>
					<div id="homework">
						<div class="row">
							<div class="col-md-8">
								<h3>最新作业</h3>
							</div>
							<div class="col-md-3 pull-right">
								<a onclick="go_homework()" class="more">更多</a>
							</div>
						</div>
						<hr />
						<ul class="notice">
							<div v-for="(item,index) in list.homework" v-if="index < 5">
								<a :href="'article.html?id='+item.hid+'&page=homework'">
									<li><span>[12/4]</span>{{item.hTitle}}</li>
								</a>
							</div>

						</ul>
					</div>
					<div id="homework">
						<div class="row">
							<div>
								<h3 style="text-align: center; letter-spacing: 9px;">课程表</h3>
							</div>

						</div>
						<hr />
						<img src="img/class_schedule.png" width="100%" height="355px" />
					</div>
				</div>
				<div class="col-sm-8 col-md-8 thematic_section"
					style="padding: 0px;">
					<div
						style="width: 100%; height: 300px; margin: auto; padding: auto; overflow: hidden;">
						<div id="carousel-example-generic" class="carousel slide">
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0"
									class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"
									class=""></li>
								<li data-target="#carousel-example-generic" data-slide-to="2"
									class=""></li>
								<li data-target="#carousel-example-generic" data-slide-to="3"
									class=""></li>
							</ol>
							<div class="carousel-inner" style="height: 300px;">
								<div class="item active">
									<img width="100%" height="300px" src="img/lun_1.png" />
								</div>
								<div class="item">
									<img width="100%" height="200px" src="img/lun_2.png" />
								</div>
								<div class="item">
									<img width="100%" height="200px" src="img/lun_3.png" />
								</div>
								<div class="item">
									<img width="100%" height="200px" src="img/lun_4.png" />
								</div>
							</div>
							<!-- Controls -->
							<a class="left carousel-control" href="#carousel-example-generic"
								role="button" data-slide="prev"> <span
								class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
								<span class="sr-only">Previous</span>
							</a> <a class="right carousel-control"
								href="#carousel-example-generic" role="button" data-slide="next">
								<span class="glyphicon glyphicon-chevron-right"
								aria-hidden="true"></span> <span class="sr-only">Next</span>
							</a>
						</div>
						<script>
							$(".carousel").carousel({
								interval: 2000
							})
						</script>
					</div>

					<div id="school_news">
						<div class="row title_header">
							<div class="col-md-9">
								<h3>学校新闻</h3>
							</div>
							<div class="col-md-1 pull-right">
								<a href="http://www.jmu.edu.cn/jdyw/jdxw.htm" class="more">更多</a>
							</div>
						</div>
						<hr />
						<div class="row">
							<div class="col-md-4">
								<img src="img/school_1.jpg" width="280px" height="210px" />
							</div>
							<div class="col-md-8">
								<ul>
									<li class="row"><a href="http://www.jmu.edu.cn/info/1041/38828.htm">
											<div class="col-md-9">校党委中心组扩大会议传达学习省委十届八次全会精神</div>
											<div class="col-md-3">[07/04]</div>
									</a></li>
									<li class="row"><a href="http://www.jmu.edu.cn/info/1041/38841.htm">
											<div class="col-md-9">我校召开期末和暑期综治安全工作会</div>
											<div class="col-md-3">[07/04]</div>
									</a></li>
									<li class="row"><a href="http://www.jmu.edu.cn/info/1041/38846.htm">
											<div class="col-md-9">我校举行2018级国际语言生结业典礼</div>
											<div class="col-md-3">[07/04]</div>
									</a></li>
									<li class="row"><a href="http://www.jmu.edu.cn/info/1041/38839.htm">
											<div class="col-md-9">我校多件作品获福建省高校校报好新闻奖</div>
											<div class="col-md-3">[07/03]</div>
									</a></li>
									<li class="row"><a href="http://www.jmu.edu.cn/info/1041/38833.htm">
											<div class="col-md-9">福建省水产生物育种与健康养殖工程研究中心第一届技术委员会第一次会议召开</div>
											<div class="col-md-3">[07/03]</div>
									</a></li>
									<li class="row"><a href="http://www.jmu.edu.cn/info/1041/38841.htm">
											<div class="col-md-9">我校召开期末和暑期综治安全工作会</div>
											<div class="col-md-3">[07/04]</div>
									</a></li>
								</ul>
								<p></p>
							</div>
						</div>
					</div>
					<div id="media_perspective">
						<div class="row title_header">
							<div class="col-md-9">
								<h3>媒体视角</h3>
							</div>
							<div class="col-md-1 pull-right">
								<a href="http://xcb.jmu.edu.cn/mtxc.htm" class="more">更多</a>
							</div>
						</div>
						<hr />
						<div>
							<ul>
								<li class="row"  v-for="items in list.media">
									<a  :href="items.mediaURL">
										<div class="col-md-9">【{{items.mAuthor}}】{{items.mTitle}}</div>
										<div class="col-md-3">{{items.mDate}}</div>
									</a>
								</li>
							</ul>

						</div>
					</div>
				</div>
			</div>
		</div>
		<br />
		<footer class="jumbotron text-center"
			style="margin-bottom: 0; background-color: #333333; position: relative;">
			<div style="color: white;">版权所有 &nbsp; &copy; 网络1714-小组7</div>

		</footer>
	</div>
	
	<script type="text/javascript">
			new Vue({
				el: '#app',
				data() {
					return {
						list:[]
					}
				},
				mounted() {
					axios.get('../IndexDataServlet')
						.then(response => (
								this.list=response.data
								))
						.catch(function(error) { // 请求失败处理
							console.log(error);
						});
				}
			
			})
		</script>
</body>

</html>